<div class="row">
	<div class="col-sm-8">
		<div class="page-header">
			<div class="input-group col-sm-4 hidden-xs pull-right" ng-show="queryConfig.isShow">
				<input class="form-control" type="text" ng-model="queryConfig.keyword" />
				<span class="input-group-btn">
					<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
				</span>
			</div>
			<h2>测试库&nbsp;<small>({{caseList.length}}/99999)</small></h2>
		</div>
		<form>
			<div class="btn-group pull-right">
				<button class="btn btn-default"
					ng-click="viewMode=undefined"
					ng-class="{'btn-success':viewMode==undefined}">全部</button>
				<button class="btn btn-default"
					ng-click="viewMode=true"
					ng-class="{'btn-success':viewMode==true}">已审阅</button>
				<button class="btn btn-default"
					ng-click="viewMode=false"
					ng-class="{'btn-success':viewMode==false}">未审阅</button>
			</div>
			<a href="#/project/{{projectId}}/case/create"
				id="case-create-button"
				class="btn btn-primary"><span
					class="glyphicon glyphicon-plus"></span>&nbsp;创建用例</a>
		</form>
		<div><button class="btn btn-xs"
			ng-click="tagOption[tag]=!v"
			ng-class="{'btn-default':!v,'btn-success':v}"
			ng-repeat="(tag,v) in tagOption"
			style="margin:5px;"><span ng-class="{'glyphicon-ok':v,'glyphicon-remove':!v}"
				class="glyphicon"></span>&nbsp;{{tag}}</button></div>
		<table class="table table-striped table-hover">
			<thead>
				<tr>
					<th>测试用例名称</th>
					<th style="width:5em">已审阅</th>
					<th style="width:8em">更新时间</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-show="caseList.length===0">
					<td colspan="3">当前项目没有测试用例</td>
				</tr>
				<tr ng-repeat="c in caseList|filter:{name:queryConfig.keyword,
						reviewed:viewMode}|filter:tagFilter">
					<td><a href="#/project/{{c.projectId}}/case/{{c.caseId}}">{{c.name}}</a></td>
					<td>{{c.reviewed?'是':'否'}}</td>
					<td>{{c.updatetime|date:'yyyy/MM/dd'}}</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div id="sideBar" class="col-sm-3 col-sm-offset-1 hidden-xs">
		<h4>引导</h4>
		<p>您现在所在相对应项目的测试用例库界面，您可以做如下操作：</p>
		<p>
			<ol>
				<li>创建测试用例</li>
				<li>通过条件筛选测试用例</li>
				<li>进入测试用例详情页</li>
			</ol>
		</p>
	</div>
</div>
